.h_li{width:100%;clear: both;padding:25px 0 50px 0;background:#fff;background-attachment: fixed;}
.h_co{width:1200px;margin:0 auto;clear: both;font-weight:normal;padding-top:25px;}
.h_co h3{display: block;padding:29px 0 25px 0;font-weight:normal;text-align: center;width: 400px;margin:0 auto;}
.h_co h3 b{display: block;width:360px;margin:0 auto;font-size:40px;height:40px;text-align: center;letter-spacing: 0px;color: #333;font-weight:bold;background:url(/skin/img/l2.png) center 25px no-repeat;}
.h_co h3 i {display:block;line-height: 40px;padding: 0;margin:20px auto;font-style: normal;font-weight: normal;font-size:16px;color:#888;text-transform: uppercase;}
.h_co h3 i:before{content: "";width:30px;height:3px;background:#c00;display: block;margin:25px auto 5px auto;}
.h_co .b3{background:url(/skin/img/l3.png) center 25px no-repeat;}
.h_co .i3 {color:#333;}
.h_cp{width:100%;min-width: 1200px;}

.h_js{position: relative;display: block;width: 100%;}
.h_js:after{content:"Customer";display:block;color:#444;background: #ccc;
left:0;top:0;bottom:0;right:0;position: absolute;z-index:-1;font-size:15vw;text-align:left;text-transform: uppercase;font-weight: bold;opacity: 0.05;}

.h_zc{padding:25px 0 35px 0;}
.h_zc li{width:320px;height:240px;background:#fff;padding:25px;overflow:hidden;display:inline-block;margin:0px 10px 35px 10px;box-shadow:0px 12px 35px rgba(0,0,0,0.2);
transition:all 0.5s;text-align:center;color:#666;line-height:180%;border-radius:5px;font-size:16px;}

.h_zc li i{display:block;width:240px;height:240px;overflow: hidden;margin:0 auto;transition:all 0.5s;text-align: center;}
.h_zc li i img{width:100%;}
.h_zc li b{font-size:24px;font-weight: bold;display:block;margin:35px 0 0 0;line-height: 50px;transition:all 0.5s;color:#444;}
.h_zc li b:after{content: "";width:30px;height:2px;background:#c00;display: block;margin:5px auto 15px auto;transition:all 0.5s;}
.h_zc li:hover b:after{content: "";width:60px;}
.h_zc li:hover i{transform: rotateY(360deg);}
.h_zc li:hover b{color:#c00;}

.h_lxbg{position: relative;display: block;width: 100%;margin:0 0 0px 0;background:#f0f0f0;}

.h_lx{height:520px;margin: 30px auto;position:relative;z-index:3;}
.h_lx li{width:374px;height:330px;background:rgba(255,255,255,1);padding:45px 0;display:block;margin:0px 35px 35px 0;float:left;
transition:all 0.3s;text-align:center;color:#444;line-height:180%;border-radius:5px;border:1px solid  rgba(0,0,0,0.2);box-shadow:0px 13px 35px rgba(0,0,0,0.2);position: relative;}
.h_lx li:last-of-type{margin-right:0;float: right;}
.h_lx li i{display:block;width:80px;height:80px;line-height:80px;overflow: hidden;border-radius:50%;margin:0 auto;transition:all 0.5s;
font-size:46px;background: #c00;color:#fff;font-weight: normal;border:5px solid #fff;box-shadow:0px 0px 9px #c00;}
.h_lx li b{font-size:16px;font-weight:normal;display:block;line-height:210%;color:#888;}
.h_lx li:hover{background: #a00;border:1px solid  rgba(255,255,255,0.5);height:360px;margin-top: -15px;box-shadow:0px 4px 35px #fff);padding:60px 0 25px 0;}
.h_lx li u{font-style: normal;display:block;line-height:30px;transition:all 0.1s;padding-top:30px;text-decoration: none;font-size:24px;color:#555;font-weight: bold;}
.h_lx li u:after{content: "";width:30px;height:1px;background:#c00;display: block;margin:15px auto 25px auto;}
.h_lx li:hover u:after{content: "";width:30px;height:1px;background:#ccc;display: block;margin:15px auto 25px auto;}

.h_lx li:hover b,.h_lx li:hover u{color:#fff;}
.h_lx li:hover i{transform: scaleX(-1);background:#fff;color:#c00;border:5px solid #c00;box-shadow:0px 0px 9px #fff;}
.lx_t{font-size:60px;font-weight: bold;text-align: center;height:150px;color: #555;}
.lx_t b{color: #e00;}
.lx_lo{text-align: center;height:150px;width: 500px;margin:25px auto;}
.lx_lo img{margin:0 auto;width: 241px;height: 90px;}

.xbg{width:100%;height:200px;display:block;background:url(/skin/img/bg4.jpg) center no-repeat #c00;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.xbg .bt{text-align: center;}
.xbg b{display: block;font-size:46px;font-weight: bold;color:#fff;padding:30px 0 25px 0;}
.xbg i{font-size:24px;color:rgba(255,255,255,0.8);display: block;}

.h_gsbg{position: relative;display: block;background:#222;;height:730px;}
.h_gsbg:after{content: "about us";display:block;color:#fff;
left:0;top:0;bottom:0;right:0;position: absolute;z-index:-1;opacity: 0.10;font-size:15vw;text-align:left;text-transform: uppercase;font-weight: bold;}

.h_gsbg .h_pic{width:600px;height:auto;float:left;border:1px solid #444;padding:5px;margin-top:13px;}

.h_des{float: right;width: 550px;font-size: 16px;line-height:220%;padding:0;color:#ccc;}
.h_des p{padding:0;margin:0 0 15px 0;}
.h_des .more{float:right;}
.h_ys .ys1{float: left;}
.h_ys .ys1 i{border-radius:50% 50% 0  50%;float: left;background: url(/skin/img/y1.png) center 40px no-repeat #c00;line-height: 310px;}
.h_ys .ys1 b{bottom: 0;right: 0;}
.h_ys .ys2{float:right;clear: right;}
.h_ys .ys2 i{border-radius:50% 50% 50% 0;float:right;background: url(/skin/img/y2.png)  center 40px no-repeat #c00;line-height: 310px;}
.h_ys .ys2 b{float: left;bottom: 0;left:0;text-align: right;}

.h_ys .ys3{float:left;}
.h_ys .ys3 i{border-radius:50% 0 50%  50%;float:left;background: url(/skin/img/y3.png)  center 40px no-repeat #c00;line-height: 310px;}
.h_ys .ys3 b{top: 0;right: 0;border:0;border-top:1px solid #ddd;}
.h_ys .ys4{float:right;}
.h_ys .ys4 i{border-radius:0 50% 50%  50%;float:right;background: url(/skin/img/y4.png) center 40px no-repeat #c00;line-height: 310px;}
.h_ys .ys4 b{top: 0;left:0;border:0;border-top:1px solid #ddd;text-align: right;}
.h_ys li:hover i{background-color: #c00;}

.h_sl{position: relative;display: block;width: 100%;background:url(/skin/img/bg1.jpg) center bottom no-repeat #222;}
.h_sl:after{content:"strength";display:block;color:#555;
left:0;top:0;bottom:0;right:0;position: absolute;z-index:2;opacity: 0.1;font-size:15vw;text-align:left;text-transform: uppercase;font-weight: bold;}
.h_sl .h_co h3 b{color:#fff;text-shadow:none;}

.h_sli{padding:25px 0 35px 0;}
.h_sli li{float:left;width:300px;height:260px;overflow:hidden;display:block;margin:0px 0 35px 0;
transition:all 0.5s;text-align:center;color:#666;line-height:180%;border-radius:5px;font-size:16px;}
.h_sli li i{display:block;width:200px;height:200px;overflow: hidden;border-radius:50%;margin:0 auto;transition:all 0.5s;font-size:60px;
color:#fff;font-weight: bold;border:3px solid #a00;background:#fff;}
.h_sli li i u{background:#a00;margin:10px;width:180px;height: 180px;line-height:180px;display: block;border-radius: 50%;text-decoration: none;}
.h_sli li b{font-size:16px;display:block;margin:15px 0 0 0;transition:all 0.5s;color:#ccc;font-weight: normal;}

.h_list{margin:0 auto;width:1200px;border-collapse:collapse;height:450px;clear: both;}
.h_list div{float: left;width:50%;height: 38px;}
.h_list dl{display: block;width:20px;margin: 0 9px;height:100%;float: left;}
.h_list dl dt{background: #f00;width:10px;height: 10px;border-radius: 50%;position: absolute;margin-top: 13px;border:3px solid #fff;}
.h_list dl dd{border-left: 1px solid #ddd;margin-left:8px;display: block;height:43px;}
.h_list a{display:block;float:left;width:77%;color: #333;font-size: 16px;font-weight: normal;line-height: 38px;border-bottom: 1px dashed #ccc;padding-left:5px;text-decoration:none;transition:all .5s ease .1s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.h_list a:hover{background: #c00;color: #fff;text-decoration:none;}
.h_list i{float: left;display: block;width:70px;line-height: 38px;font-size: 12px;color: #111;font-weight: normal;}

.more{display: block;clear:both;width: 140px;padding:0 19px;margin:20px auto 0 auto;height: 42px;line-height:44px;font-size: 16px;border:1px solid #b00;transition:all .5s ease .1s;
	text-align: center;background: #b00;color: #fff;}
.more:hover{text-decoration:none;background:none;color: #b00;width: 150px;}

.h_o{border-bottom: 0;padding-bottom:10px;}
.h_ota{width:1200px;margin:85px auto;border:0;}
.h_ot{width:294px;height:184px;background: #f60;color:#fff;text-align: center;}
.h_ot div{border: 1px solid #FFDB6F;width:90%;height:90%;margin: 0 auto;font-size: 14px;line-height: 180%;}
.h_ot img{margin:18px auto 9px auto; }
.h_ot b{font-size: 18px;font-weight: normal;}
.h_ot1{width:294px;height:184px;overflow: hidden;}
.h_ot1 img{transition:all .5s ease .1s;width:294px;height:184px;}
.h_ot1:hover img{transform:scale(1.5);}

.pic{height:280px;}
.pic .a_p{height:240px;}
.pic img{height:240px;}

.h_xw1 li{display:block;margin:0 0 15px 0;padding:10px;position: relative;overflow: hidden;width:565px;float:left;height: 80px;box-shadow:0px 3px 9px rgba(0,0,0,0.3);transition:all 0.3s ease-in;background: #fff;
border-radius: 5px;}
.h_xw1 .a_p{width:110px;height:80px;overflow:hidden;display:inline-block;vertical-align: middle;text-align:center;background: #f8f8f8;}
.h_xw1 .a_p img{transition:all 0.3s ease-in;width:100%;height: 100%;}
.h_xw1 p{padding:0;margin:0 0 0 12px;display:inline-block;vertical-align:top;width:435px;}
.h_xw1 .a_t{display:block;font-size:16px;width:100%;margin-bottom:5px;line-height:160%;color:#333;overflow:hidden;height:54px;}
.h_xw1 .a_c{display:inline-block;float: left;padding:3px 5px;text-align:center;border:1px solid #eee;font-size:12px;color:#666;height:12px;line-height:12px;transition:all 0.2s ease-in;}
.h_xw1 .a_c,.h_xw1 .a_t{text-decoration: none;}
.h_xw1 span{float:right;font-size: 13px;color:#777;background: url(/skin/img/i_time.gif) 0 center no-repeat;padding-left:20px;line-height: 17px;}
.h_xw1 li:hover .a_t,.h_xw1 li:hover i{color:#c00;}
.h_xw1 li:hover .a_c{background: #c00;color:#fff;border:1px solid #c00;}
.h_xw1 li:hover{box-shadow:0px 3px 15px #555;}

.h_xw1 .h_r{float:right;}
.h_xw1 i{float:right;margin-right:5px;color:#777;}

.h_pli{text-align: center;}
.h_pli a{display:inline-block;overflow: hidden;width:20%;padding:1%;margin:1%;height:260px;box-shadow:0px 3px 15px rgba(0,0,0,0.4);transition:all 0.1s ease-in;background: #fff;text-align: center;line-height:160%;
border-radius:3px;}
.h_pli p{padding:0;margin:0;width:100%;overflow: hidden;display: block;height: 210px;background:no-repeat center;background-size:auto 200px;border:1px solid #f0f0f0;background-color: #fff;}
.h_pli b{font-size:18px;font-weight: normal;}
.h_pli a:hover{text-decoration: none;color:#fff;box-shadow:0px 0px 15px #c00;background: #b00;}
.h_pli a:hover p{border:1px solid #eee;}